const request = require('../../utils/request.js');
const app = getApp();
Page({
  data: {
    
    visitorList:null,
    rtshow: false,
    showcode:false,
    sourceOptions: ['全部','客户端', '小程序', '物业端'], // 下拉选项数据，可根据实际接口或需求动态设置
    sourceIndex: 0, // 默认选中第一项（全部）
    name: '',
    phone: '',
    idCard: ''
  },
  deleteVisitor(e) {
    const index = e.currentTarget.dataset.index;
    const newList = this.data.visitorList.filter((item, i) => i!== index);
    this.setData({
      visitorList: newList
    });
    // 实际可结合接口，调用 wx.request 向服务端发送删除请求
  },
  onBack() {
    wx.switchTab({
      url: '/pages/fuwu/fuwu'
    });
  },
  showPopup() {
   //console.log("******")
    this.setData({ rtshow: true });
  },

  onClose() {
    this.setData({ rtshow: false });
  },
  onSourceChange(e) {
    this.setData({
      sourceIndex: e.detail.value
    });
  },
  onNameInput(e) {
    this.setData({
      name: e.detail.value
    });
  },
  onPhoneInput(e) {
    this.setData({
      phone: e.detail.value
    });
  },
  onIdCardInput(e) {
    this.setData({
      idCard: e.detail.value
    });
  },
  onReset() {
    // 重置表单数据逻辑，恢复初始状态
    this.setData({
      sourceIndex: 0,
      name: '',
      phone: '',
      idCard: ''
    });
  },
  onConfirm() {
    // 确定按钮逻辑，可获取表单数据进行接口请求等操作
    // const { sourceOptions, sourceIndex, name, phone, idCard } = this.data;
    // const selectedSource = sourceOptions[sourceIndex];
    // console.log('来源：', selectedSource);
    // console.log('姓名：', name);
    // console.log('手机号：', phone);
    // console.log('身份证号：', idCard);
    // 这里可继续写调用接口，把筛选条件传过去获取对应访客数据等逻辑
    this.setData({ rtshow: false });
    this.getVisitorList();
  },
  addVisitor() {
    // 新增访客逻辑，可跳转表单页面
    // wx.showToast({
    //   title: '新增访客逻辑待实现',
    //   icon: 'none'
    // });
    console.log("******")
    wx.navigateTo({ url: '/pages/addvisite/addvisite' });
  },
  showcode(){

    this.setData({ showcode: true });
  },
  closecode(){
    this.setData({ showcode: false });
  },
  onGridItemTap: function (e) {

     const id = e.currentTarget.dataset.id;
     console.log("**********")
     console.log(id)
    // console.log(e)
    // if (serviceName === '访客管理') {
    //   console.log('-----------------')
      // 请将此路径替换为实际要跳转的页面路径
      app.globalData.visitorRecord=this.data.visitorList[id]
      wx.navigateTo({
        url: '/pages/visitedetail_lxy/visitedetail'
      });
   
  },
   // 获取访客列表
   getVisitorList() {
    wx.showLoading({ title: '加载访客记录' });

    // 定义请求参数（根据后端接口要求）
    const params = {
      name: this.data.name,       // 姓名（可选）
      phone: this.data.phone,      // 手机号（可选）
      source:  this.data.sourceOptions[this.data.sourceIndex],     // 来源（可选）
      num1: '1',      // 当前页码（需转为字符串）
      size1: '1000',    // 每页数量（需转为字符串）
    };
    if(params.source=="全部")
    {
      params.source=''
    }

    // 调用封装的 GET 请求
    request.get('/dookmanager/visitor_record_lxy/list', params)
      .then(res => {
        wx.hideLoading();
        console.log("-----------")
        console.log(res)
        // 请求成功处理
        this.setData({
          visitorList: res.data.list, // 假设返回数据结构为 { code: 0, msg: '成功', data: [...] }
         
        });
      })
      .catch(err => {
        // 请求失败处理
        this.setData({ loading: false });
        wx.showToast({
          title: '获取数据失败',
          icon: 'none'
        });
        console.error('接口调用失败:', err);
      });
  },
  onShow() {
    console.log('页面显示时触发');
    this.getVisitorList();
    
  },

});